import React, { Component } from 'react'

export default class App extends Component {

    // es6 类组件中，在构造函数中定义初始状态
    // 一样要在 constructor 里面先调用 super
    // super: 用来 继承父类的属性和方法用的
    constructor(props) {
        // 继承父类的属性和方法用的
        super(props)

        // 这里定义的数据就是我们的响应式数据，组件的初始数据
        this.state = {
            msg: '你笑起来真好看'
        }
    }

    render() {
        return (
            <>
                <div>App -- {this.state.msg}</div>
                <button onClick={() => {
                    this.setState({
                        msg: '像夏天的太阳'
                    })
                }}>求点击</button>
            </>
        )
    }
}
